<style>
	#box{
		width:1010px;		
		margin: 0 auto;
	}
	.search{
		height:60px;
		line-height:60px;
	}
	.search >p{
		text-align:right;
	}
	.search input{
		width:200px;
		margin-right:22px;
	}
	
	.mess_1,.mess_2,.mess_3{
		width:1008px;
		border:1px solid #cdcdcd;
		margin-bottom:20px;
	}
	.orderDetail{
		margin:30px;
		height:120px;
	}
	.orderDetail>div{
		float:left;
		height:120px;
	}
	.orderDetail>div:nth-of-type(1){
		width:800px;
	}
	.orderDetail>div:nth-of-type(2){
		width:120px;
		display: flex;
		justify-content: center;
		align-items: center;		
	}
	.orderDetail>div p{
		line-height:32px;
	}
	.orderDetail>div p laber{
		margin-right:30px;

	}
	.orderDetail div .orderNoP{
		font-size:20px;
		font-weight:900;
		line-height:36px;
	}
	
	.mess_3 table{
		width:1008px;
		
	}
	.mess_3 table tr{
		border:1px solid #cdcdcd;
	}
	.mess_3 table td{
		height:50px;
		border-bottom:1px solid #cdcdcd;
	}
	.mess_3 table th{
		background:#e4e4e4;
		height:40px;
	}
</style>
<div id="box">
	<div class="search">
		<p>
			<span>订单号  :  <input ng-model="postData.refundOrderID" type="text" placeholder="请输入退票订单号"/><button ng-click="query()" class="query">查询</button></span>
		</p>
	</div>
	<div ng-show="show" class="mess_1">
		<div class="orderDetail">
			<div>
				<p class="orderNoP">退票单号 : <span> {{data.refundOrderID}}</span></p>
				<p>
					<laber>订单号 :<b> {{data.refundOrderID}}</b></laber>
					<laber>供应商订单号 :<b> {{data.originOrderID}}</b></laber>
					<laber>退票类型 :<b> {{data.refundType}}</b></laber>
					<laber>退票原因 :<span class="yellowW"> {{data.refundReason}}</span></laber>				
				</p>
				<p>
					<laber>退款金额 :<span class="yellowW"> {{data.refundAmount|removeF}}</span></laber>
					<laber>手续费 :<span class="yellowW"> {{data.poundage}}</span></laber>
					<laber>申请时间 :<b> {{data.applyTime}}</b></laber>
					<laber>退款时间 :<b> {{data.refundTime}}</b></laber>					
				</p>
				<p>
					<laber>备注 :<b> {{data.amountInstruction}}</b></laber>
				</p>
			</div>
			<div>
				<p>退票单状态  : <span class="yellowW"> {{data.refundStatus|orderStatus}}</span><p>
			</div>
		</div>
	</div>
	
	<div ng-show="show" class="mess_3">
		<table>
			<tr>				
				<th>乘机人姓名</th>
				<th>证件号码</th>
				<th>票号</th>
				<th>航程</th>
				<th>退款金额</th>
			</tr>
			<tr ng-repeat="passengerRefund in data.passengerRefund">
				<td>{{passengerRefund.name}}</td>
				<td>{{passengerRefund.credentialCode}}</td>
				<td>{{passengerRefund.ticketNo}}</td>
				<td>{{passengerRefund.flightRange}}</td>
				<td>{{passengerRefund.refundAmount|removeF}}</td>				
			</tr>
		</table>
	</div>	
</div>